<template>
  <view class="bg-white margin-xs radius-lg" >
    <block>
      <view class="flex padding-tb-sm">
        <view class="flex-treble">
          <view class="flex">
            <view class="padding-lr-sm padding-top-xs">
              <view class="cu-avatar round xl"
                    :style="'background-image:url('+hospitalItem.logo+');'">
              </view>
            </view>
            <view class="padding-xs text-xl text-black text-left">
              <view class="text-bold text-cut" style="width: 70vw">{{ hospitalItem.hospital }}</view>
              <view class="text-red text-sm padding-tb-xs">
                {{hospitalItem.type}}|{{hospitalItem.scale}}|{{hospitalItem.level}}|{{hospitalItem.property}}
              </view>
              <view class="text-gray text-sm text-cut" style="width: 70vw">
                {{hospitalItem.address}}
              </view>
            </view>
          </view>
        </view>
      </view>
    </block>
  </view>
</template>

<script setup lang="ts">
import {defineProps} from "vue";

const props = defineProps({
  hospitalItem: {
    type: Object,
    default: {}
  }
})
</script>

<style scoped>

</style>